<!DOCTYPE html>
<html lang="en" ng-app="myapp" id="ng-app">
<head>
    <title>JSimple-Blog</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link href="/app/css/pub.css" rel="stylesheet" type="text/css"/>
    <!--[if lte IE 9]>
    <script src="/app/js/lib/html5shiv.js"></script><![endif]-->
</head>

<body>
<header id="header" class="header" ng-controller="headerController">
    <div class="boundary">
        <h1 class="logo"><a href="/">JSimple-Blog</a></h1>
        <nav class="global-nav">
            <ul>
                <li ng-class="{'current':!cate.name}"><a href="/">首页</a></li>

                <li ng-class="{'current':cate.name==category.name}" ng-repeat="category in categories">
                    <a href="/blog/category/{{category.linkName}}">{{category.name}}</a>
                </li>
            </ul>
        </nav>
    </div>
</header>
<div class="body clearfix">
    <div class="boundary">

        <div class="main">
            <div class="inner" ng-view>
                <ol class="paginator">
                    <li class="paginator-item paginator-prev paginator-prev-disabled"><span>上一页</span></li>
                    <li class="paginator-item paginator-number paginator-current"><span>1</span></li>
                    <li class="paginator-item paginator-number"><a href="/Article/Index/0/2">2</a></li>
                    <li class="paginator-item paginator-number"><a href="/Article/Index/0/3">3</a></li>
                    <li class="paginator-item paginator-number"><a href="/Article/Index/0/4">4</a></li>
                    <li class="paginator-item paginator-number"><a href="/Article/Index/0/5">5</a></li>
                    <li class="paginator-item paginator-number"><a href="/Article/Index/0/6">6</a></li>
                    <li class="paginator-item paginator-number"><a href="/Article/Index/0/7">7</a></li>
                    <li class="paginator-item paginator-ellipsis"><span>...</span></li>
                    <li class="paginator-item paginator-number"><a href="/Article/Index/0/11">11</a></li>
                    <li class="paginator-item paginator-next"><a href="/Article/Index/0/2">下一页</a></li>
                </ol>
            </div>
        </div>

        <aside class="sidebar">
            <section>
                <h2 class="titlebar">推荐文章</h2>
                <ol class="sidebar-articlelist">
                    <li><a href="/Article/Detail/111" target="_blank">了解模块化开发</a></li>
                    <li><a href="/Article/Detail/102" target="_blank">Javascript Module Loader实现原理</a></li>
                    <li><a href="/Article/Detail/107" target="_blank">写在《高达SEED重制版》即将结束之际</a></li>
                    <li><a href="/Article/Detail/67" target="_blank">jQuery.animate简单分析</a></li>
                    <li><a href="/Article/Detail/73" target="_blank">前端Javascript模板引擎</a></li>
                    <li><a href="/Article/Detail/95" target="_blank">使用canvas绘制时钟</a></li>
                    <li><a href="/Article/Detail/58" target="_blank">输入法也做代码库</a></li>
                </ol>
            </section>

            <section class="sidebar-articlerank">
                <h2 class="titlebar">阅读排行</h2>
                <ol class="sidebar-articlelist">
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">10451</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/15" target="_blank">使用JavaScriptSerializer进行JSON序列化</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">7462</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/67" target="_blank">jQuery.animate简单分析</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">6797</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/104"
                                                                  target="_blank">Sublime配置手记</a></div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">4793</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/31"
                                                                  target="_blank">EditPlus配置手记</a></div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">3595</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/45" target="_blank">VMWare与VirtualBox的对比</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">3394</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/103" target="_blank">如何使用npm发布Node.JS程序包</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">3268</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/97" target="_blank">[译]原生全屏Javascript
                            API</a></div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">2930</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/30" target="_blank">IIS 7.5
                            下PHP（FastCGI模式）配置手记</a></div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">2853</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/61" target="_blank">使用参数化查询防止SQL注入漏洞</a>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="sidebar-articlerank-viewcount">2842</div>
                        <div class="sidebar-articlerank-title"><a href="/Article/Detail/73" target="_blank">前端Javascript模板引擎</a>
                        </div>
                    </li>
                </ol>
            </section>
            <section class="sidebar-weibo">
                <h2 class="titlebar">我的微博</h2>

                <div class="sidebar-weibo-inner">
                    <iframe class="share_self" frameborder="0" scrolling="no"
                            src="http://widget.weibo.com/weiboshow/index.php?width=0&amp;height=450&amp;fansRow=2&amp;ptype=1&amp;speed=0&amp;skin=1&amp;isTitle=0&amp;noborder=1&amp;isWeibo=1&amp;isFans=0&amp;uid=1647840843&amp;verifier=6b8ce55c&amp;dpc=1"></iframe>
                </div>
            </section>
            <section class="sidebar-others">
                <h2 class="titlebar">其他功能</h2>
                <ul class="clearfix">
                    <li class="message"><a href="/Article/Detail/99">给我留言</a></li>
                    <li class="rss"><a href="/Article/RSS" target="_blank">订阅 RSS</a></li>
                    <li class="login"><a href="/User/Login">用户登录</a></li>
                </ul>
            </section>
            <section class="sidebar-links">
                <h2 class="titlebar">友情链接</h2>
                <dl class="clearfix">
                    <dt><a href="http://jraiser.org/" target="_blank">JRaiser Project</a></dt>
                    <dd>JRaiser模块化JS类库</dd>
                    <dt><a href="http://jooben.blog.51cto.com/" target="_blank">leolee&#39;s blog</a></dt>
                    <dd>leolee&#39;s blog</dd>
                    <dt><a href="http://www.bokeyy.com/" target="_blank">博客歪歪</a></dt>
                    <dd>袁源（歪歪）的个人博客</dd>
                    <dt><a href="http://www.zhoumingzhi.com/" target="_blank">记事本</a></dt>
                    <dd>这里全是流水账</dd>
                    <dt><a href="http://terran.cc/" target="_blank">Terran&#39;s Blog</a></dt>
                    <dd>产品设计、交互设计、Web前端开发、生活思考</dd>
                    <dt><a href="http://www.liuxiaofan.com" target="_blank">刘晓帆的博客</a></dt>
                    <dd>专注互联网前端技术、UI设计、用户体验</dd>
                    <dt><a href="http://http://www.crayhuang.info/" target="_blank">Cray&#39;s Blog</a></dt>
                    <dd>Enjoy work, enjoy life...</dd>
                </dl>
            </section>
        </aside>

    </div>
</div>
<footer id="footer" class="footer">
    <div class="boundary clearfix">
        <nav>
            当前位置：
            <span id="current-position" class="current-position">首页</span>
            <ul id="express-nav" class="express-nav">
                <li class="current"><a href="/Article/Index/0">首页</a></li>
                <li><a href="/Article/Index/4">前端开发</a></li>
                <li><a href="/Article/Index/6">ASP.NET/ASP</a></li>
                <li><a href="/Article/Index/8">数据库</a></li>
                <li><a href="/Article/Index/3">编程开发</a></li>
                <li><a href="/Article/Index/9">作品发布</a></li>
                <li><a href="/Article/Index/1">其他</a></li>
            </ul>
        </nav>
        <div class="copyright">Copyright &copy; 2009-2014 <a href="http://heeroluo.net">Heero&#39;s Blog</a></div>
    </div>
</footer>
<!--[if lte IE 6]>
<script src="/app/js/lib/jquery.js"></script>
<script src="/app/js/lib/ie-upgrade-warning.js"></script>
<![endif]-->
</body>
</html>